<!-- templates/carousel/includes/js_slide_carousel.html -->
<div class="js-slide-carousel">
    <div class="js-slide-container">
        {% for image in images %}
        <div class="js-slide">
            <img src="{{ image.image.url }}" alt="{{ image.title }}">
            <div class="slide-caption">
                <h3>{{ image.title }}</h3>
                <p>{{ image.caption }}</p>
            </div>
        </div>
        {% endfor %}
    </div>
    <button class="js-prev">❮</button>
    <button class="js-next">❯</button>
</div>
